<template>
  <view class="swiperView">
			<swiper  :circular="true" :indicator-dots="false" :autoplay="true">
				<block v-for="(item,idx) in swiperList" :key="idx">
					<swiper-item>
						<view class="swiper-image" @click="onBannerClick(item, idx)">
							<image class="swiper-image" :src="item.carouselImage"  :lazy-load="false" binderror="" bindload=""></image>
						</view>
					</swiper-item>
				</block>
			</swiper>
		</view>

</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      swiperList: [
					{ carouselImage: 'https://pics.leshiguang.com/vpage/2024/01/21/e84a1515100e46aeb516753b7e14b23a.png' },

				]
    };
  },
  created() {
    this.loadData();
  },
  methods: {
    loadData() {},
    onBannerClick() {
			uni.navigateTo({
				url: '/sg/video?vid=p3537jwlx8o',
			});
    },
  },
};
</script>
<style lang="scss" scoped>

.swiperView {
    width: 700upx;
		height: 264upx;
		margin: 12px auto;
    padding: 0;
    border-radius: 24upx;
		.swiper-image {
			width: 700upx;
			height: 264upx;
			border-radius: 24upx;
		}
	}

</style>
